<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512">
   <path id="path3984" d="m 256,40 v 216" :stroke="props.strokeColor" style="display:inline;fill:none;stroke-width:30;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"  />
    <path  id="path1183" d="m 20,256 h 472 l -236,236 z" :stroke="props.strokeColor" style="opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke-width:30;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"/>
    </svg>
</template>
<script setup lang="ts">
const props = defineProps({
  strokeColor: String,
  state: Boolean,
  text:String
});
</script>